<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<link rel="stylesheet" type="text/css" href="/static/css/style.css">
	<style type="text/css">
	</style>
</head>
<body>

	<div class="jq22-container">
		<div class="jq22-content">
			<div id='holder'></div>
		</div>
  </div>

  <div class="layout-logo">
     <span>
        BaikBingo
     </span>
  </div>
  
  <div class="layout-beian">
    <a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备19019552号-1</a>
  </div> 
	
	<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script src='/static/js/jquery.warpdrive.min.js'></script>
	<script>

    $.canvasResize = function () {
      //------------------------------------------------------------------------

      //Settings - params for WarpDrive
      var settings = {
          autoResize: true,
          autoResizeMinWidth: null,
          autoResizeMaxWidth: null,
          autoResizeMinHeight: null,
          autoResizeMaxHeight: null,
          addMouseControls: true,
          addTouchControls: true,
          hideContextMenu: true,
          starCount: 9999,
          starBgCount: 3333,
          starBgColor: { r:0, g:204, b:255 },
          starBgColorRangeMin: 45,
          starBgColorRangeMax: 120,
          starColor: { r:0, g:204, b:255 },
          starColorRangeMin: 60,
          starColorRangeMax: 100,
          starfieldBackgroundColor: { r:5, g:5, b:14 },
          starDirection: 1,
          starSpeed: 30,
          starSpeedMax: 200,
          starSpeedAnimationDuration: 2,
          starFov: 300,
          starFovMin: 200,
          starFovAnimationDuration: 2,
          starRotationPermission: true,
          starRotationDirection: 1,
          starRotationSpeed: 0.2,
          starRotationSpeedMax: 2.0,
          starRotationAnimationDuration: 2,
          starWarpLineLength: 2.0,
          starWarpTunnelDiameter: 100,
          starFollowMouseSensitivity: 0.025,
          starFollowMouseXAxis: false,
          starFollowMouseYAxis: false
      };

      //------------------------------------------------------------------------

      //standalone

      //init
      var canvas = document.getElementById('holder');
      canvas.style.width = window.innerWidth + "px";
      canvas.style.height = window.innerHeight + "px";
      var warpdrive = new WarpDrive( canvas, settings );
      
    }

    $( document ).ready( function() {
      $.canvasResize();
    });

    $(window).resize(function(){
      $.canvasResize();
    });
        
  </script>
</body>
</html>